<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script  src="../../../jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var citys = $("#city li")

            // 1.JS直接遍历
            // for(var i=0;i<citys.length;i++) {
            // 	alert(citys[i].innerText)
            // }

            // 2.利用jq实现
            // citys.each(function () {
            //     alert(this.innerText)
            // })

	        citys.each(function (index,element) {
	        	if (element.innerText == "北京"){
                	return false; //相当于Break;
                }
		        alert(element.innerText)
	        })
        })

    </script>
</head>
<body>
<ul id="city">
    <li>北京</li>
    <li>上海</li>
    <li>天津</li>
    <li>重庆</li>
</ul>
</body>
</html>
